<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}"/>
        <!--&lt;!&ndash;[if IE 6]>-->
        <!--<script th:src="@{js/iepng.js" type="text/javascript"></script>-->
        <!--    <script type="text/javascript">-->
        <!--       EvPNG.fix('div, ul, img, li, input, a'); -->
        <!--    </script>-->
        <!--<![endif]&ndash;&gt;-->
        <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min_044d0927.js}"></script>
        <script type="text/javascript" th:src="@{/js/jquery-1.8.2.min.js}"></script>
        <script type="text/javascript" th:src="@{/js/menu.js}"></script>
        <script type="text/javascript" th:src="@{/js/n_nav.js}"></script>
        <script type="text/javascript" th:src="@{/js/select.js}"></script>
        <script type="text/javascript" th:src="@{/js/num.js}">
            var jq = jQuery.noConflict();
        </script>
        <script type="text/javascript" th:src="@{/js/shade.js}"></script>
        <title>尤洪</title>
        <script type="text/javascript" th:inline="javascript">
            //获取协议名称
            var scheme = [[${#request.getScheme()}]];
            //获取服务器名称
            var serverName = [[${#request.getServerName()}]];
            //获取服务器端口号
            var serverPort = [[${#request.getServerPort()}]];
            //获取上下文根
            var contextPath = [[${#request.getContextPath()}]]
            var allPath = scheme + "://" + serverName + ":" + serverPort + contextPath;
            var totalPrice1 = 0;
            var userId = [[${session.loginUser}]].id;
            var ids = [[${session.ids}]];
            var addressId;
            var psMethod;

            $(function () {

                var Address = [[${session.address}]];
                var fullName = Address.fullName;
                var postCode = Address.postCode;
                var email = Address.email;
                var phone = Address.phone;
                var address = Address.address;
                var aid = Address.id;
                addressId = aid;
                var msg = [[${msg}]];

                if (msg === null || msg === "") {

                } else {
                    alert(msg);
                }

                //当页面加载完毕后将session域中的地址信息填充到页面上
                //如果值为空则填充,如果已经被修改框中的内容覆盖则无需填充
                if ($("#fullName1").val() === null || $("#fullName1").val() === "") {
                    $("#fullName1").val(fullName);
                    $("#hidden-Aid").val(aid);
                }
                if ($("#postCode1").val() === null || $("#postCode1").val() === "") {
                    $("#postCode1").val(postCode);
                }
                if ($("#email1").val() === null || $("#email1").val() === "") {
                    $("#email1").val(email);
                }
                if ($("#phone1").val() === null || $("#phone1").val() === "") {
                    $("#phone1").val(phone);
                }
                if ($("#address1").val() === null || $("#address1").val() === "") {
                    $("#address1").val(address);
                }

                //当页面加载完毕后调用显示购物车中商品信息的函数
                showCar();
                carList();

                //为保存用户信息按钮绑定事件
                $("#saveBtn").click(function () {

                    //将修改的内容覆盖显示的信息
                    if ($("#fullName").val() === null || $("#fullName").val() === "") {
                        //如果修改框中没有信息的话,则覆盖,若有信息则不覆盖
                    } else {
                        $("#fullName1").val($("#fullName").val());
                    }

                    if ($("#postCode").val() === null || $("#postCode").val() === "") {
                        //如果修改框中有信息的话,则覆盖,若没有信息则不覆盖
                    } else {
                        $("#postCode1").val($("#postCode").val());
                    }

                    if ($("#phone").val() === null || $("#phone").val() === "") {
                        //如果修改框中有信息的话,则覆盖,若没有信息则不覆盖
                    } else {
                        $("#phone1").val($("#phone").val());
                    }

                    if ($("#email").val() === null || $("#email").val() === "") {
                        //如果修改框中有信息的话,则覆盖,若没有信息则不覆盖
                    } else {
                        $("#email1").val($("#email").val());
                    }
                    if ($("#address").val() === null || $("#address").val() === "") {
                        //如果修改框中有信息的话,则覆盖,若没有信息则不覆盖
                    } else {
                        $("#address1").val($("#address").val());
                    }

                    //修改完信息后,将修改输入框隐藏
                    $("#fullName").attr("type", "hidden");
                    $("#postCode").attr("type", "hidden");
                    $("#phone").attr("type", "hidden");
                    $("#email").attr("type", "hidden");
                    $("#address").attr("type", "hidden");

                    //修改完信息后,将修改输入框中的信息清空
                    $("#fullName").val("");
                    $("#postCode").val("");
                    $("#phone").val("");
                    $("#email").val("");
                    $("#address").val("");

                    //将保存按钮隐藏
                    $("#saveBtn").attr("type", "hidden");

                    if ($("#address").val() === null || $("#address").val() === "") {
                        address = $("#address1").val()
                    } else {
                        address = $("#address").val()
                    }
                    if ($("#fullName").val() === null || $("#fullName").val() === "") {
                        fullName = $("#fullName1").val()
                    } else {
                        fullName = $("#fullName").val()
                    }
                    if ($("#postCode").val() === null || $("#postCode").val() === "") {
                        postCode = $("#postCode1").val()
                    } else {
                        postCode = $("#postCode").val()
                    }
                    if ($("#email").val() === null || $("#email").val() === "") {
                        email = $("#email1").val()
                    } else {
                        email = $("#email").val()
                    }
                    if ($("#phone").val() === null || $("#phone").val() === "") {
                        phone = $("#phone1").val()
                    } else {
                        phone = $("#phone").val()
                    }

                    addressId = $("#hidden-Aid").val();

                    //发送ajax请求保存该条地址的信息
                    $.ajax({
                        url: allPath + "/car/saveAddress.do",
                        data: {
                            "userId": [[${session.loginUser}]].id,
                            "address": address,
                            "fullName": fullName,
                            "postCode": postCode,
                            "email": email,
                            "phone": phone,
                            "id": $("#hidden-Aid").val(),
                        },
                        type: "post",
                        async: false,
                        dataType: "json",
                        success: function (data) {
                            if (data.success) {
                                $("#hidden-Aid").val(data.id);
                                addressId = $("#hidden-Aid").val();
                            } else {
                                alert("地址保存失败");
                            }
                        }
                    })


                })

                //页面刷新默认选中申通配送方式
                $("#stCheck").prop("checked", true);
                $("#psPrice").html($("#st").html());
                psMethod = "申通快递";
                //判配送方式是否选择,选择则显示应付款金额
                if ($("input:checkbox:checked").length == 1) {
                    var amountPrice = totalPrice1 + parseInt($("#psPrice").html());
                    $("#amountPrice").html(amountPrice);
                }


            })

            function makeOrder() {
                var amountPrice = $("#amountPrice").html();
                if ($("#fullName1").val() === null || $("#fullName1").val() === " ") {
                    alert("请填写订单的详细地址");
                } else {
                    window.location.href = allPath + '/car/deal.do?userId=' + userId + '&addressId=' + addressId + '&shopCarIds=' + ids + '&psMethod=' + psMethod + '&amountPrice=' + amountPrice
                }

            }

            function stPrice() {
                //如果勾选了申通快递,则不能勾选其他两种配送方式
                if ($("#stCheck").prop("checked", true)) {
                    $("#cjCheck").attr("checked", false);
                    $("#yjCheck").attr("checked", false);
                    //将申通快递费显示出来
                    $("#psPrice").html($("#st").html());
                    psMethod = "申通快递";
                }
            }

            function cjPrice() {
                //如果勾选了申通快递,则不能勾选其他两种配送方式
                if ($("#cjCheck").prop("checked", true)) {
                    $("#stCheck").attr("checked", false);
                    $("#yjCheck").attr("checked", false);
                    //将城际快递费显示出来
                    $("#psPrice").html($("#cj").html());
                    psMethod = "城际快递";
                }
            }

            function yjPrice() {
                //如果勾选了申通快递,则不能勾选其他两种配送方式
                if ($("#yjCheck").prop("checked", true)) {
                    $("#cjCheck").attr("checked", false);
                    $("#stCheck").attr("checked", false);
                    //将申通快递费显示出来
                    $("#psPrice").html($("#yj").html());
                    psMethod = "邮局平邮";
                }
            }

            function addAddress() {

                //将保存按钮显示出来
                $("#saveBtn").attr("type", "button");

                //将修改输入框显示出来
                $("#fullName").attr("type", "text");
                $("#postCode").attr("type", "text");
                $("#phone").attr("type", "text");
                $("#email").attr("type", "text");
                $("#address").attr("type", "text");


            }


            function carList() {
                //alert(ids);
                $.ajax({
                    url: allPath + "/car/carList.do",
                    data: {
                        "ids": ids,
                    },
                    async: false,
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        var html = "";
                        $.each(data, function (i, n) {
                            html += '<tr>';
                            html += '<td>';
                            html += '<div class="c_s_img">';
                            html += '<img src="' + allPath + n.imageUrl + '" width="73" height="73"/>';
                            html += '</div>' + n.productName + '';
                            html += '</td>';
                            html += '<td align="center">颜色：' + n.color + '</td>';
                            html += '<td align="center">' + n.size + '</td>';
                            html += '<td align="center">' + n.number + '</td>';
                            html += '<td align="center" style="color:#ff4e00;">￥' + (n.price * n.number) + '</td>';
                            html += '</tr>';
                            totalPrice1 += (n.price * n.number);
                        })

                        $("#carBody").html(html);
                        $("#totalPrice1").html(totalPrice1)
                        $("#totalPrice2").html(totalPrice1)
                    }
                })
            }


            function showCar() {
                $.ajax({
                    url: allPath + "/car/showCar.do",
                    data: {
                        /*
                            需要传当前用户的id
                         */
                        "userId": userId
                    },
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        /*
                            前端页面需要该用户添加到购物车中的商品列表
                            dataList:
                                ["productList":{商品1},{商品2},{商品3}]
                         */
                        var html = "";
                        var price = 0;
                        var num = 0;
                        $.each(data, function (i, n) {

                            html += '<li>';
                            html += '<div class="img">';
                            html += '<a href="#">';
                            html += '<img src="' + allPath + n.imageUrl + '" width="58" height="58"/>';
                            html += '</a>';
                            html += '</div>';
                            html += '<div class="name">';
                            html += '<a href="#">' + n.productName + '</a>';
                            html += '</div>';
                            html += '<div class="price"><font color="#ff4e00">￥' + n.price + '</font>X' + n.number + '</div>';
                            html += '</li>';
                            price += (n.price * n.number);
                            num += n.number;
                        })
                        $("#carList").html(html)
                        $("#carNum").html(num);
                        $("#totalPrice").html(price);
                    }
                })
            }
        </script>
    </head>
    <body>
        <!--Begin Header Begin-->
        <div class="soubg">
            <div class="sou">
                <!--Begin 所在收货地区 Begin-->
                <span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0"
                               cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
                <!--End 所在收货地区 End-->
                <span class="fr">
            <span class="fl">
                你好，
                <span th:if="${session.loginUser eq null}">
                    请<a th:href="@{/Login.do}">登录</a>
                </span>
                <span th:unless="${session.loginUser eq null}" th:text="${session.loginUser.username}"></span>
                &nbsp;
                <a th:href="@{/Register.do}" style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;
                <a href="javaScript:void(0)" onclick="window.location.href=allPath+'/product/Order.do'">我的订单</a>&nbsp;|
                <a href="javaScript:void(0)" onclick="window.location.href=allPath+'/user/loginOut.do'">退出登录</a>&nbsp;|
            </span>
        	<span class="ss">
            	<div class="ss_list">
                	<a href="#">收藏夹</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a th:href="@{/product/Collect.do}">我的收藏夹</a></li>
                                <li><a th:href="@{/product/Collect.do}">我的收藏夹</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">客户服务</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">网站导航</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">网站导航</a></li>
                                <li><a href="#">网站导航</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </span>
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img th:src="@{/images/s_tel.png}"
                                                              align="absmiddle"/></a></span>
        </span>
            </div>
        </div>
        <div class="top">
            <div class="logo"><a th:href="@{/Index.do}"><img th:src="@{/images/logo.png}"/></a></div>
            <div class="search">
                <form>
                    <input type="text" value="" class="s_ipt"/>
                    <input type="submit" value="搜索" class="s_btn"/>
                </form>
                <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a
                        href="#">日用品</a><a href="#">连衣裙</a></span>
            </div>
            <div class="i_car">
                <div class="car_t">购物车 [ <span id="carNum">3</span> ]</div>
                <div class="car_bg">
                    <!--Begin 购物车未登录 Begin-->
                    <!--<div class="un_login">还未登录！<a href="Login.html" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>-->

                    <div th:if="${session.loginUser eq null}">
                        <div class="un_login">还未登录！
                            <a th:href="@{/Login.do?action='toLogin'}" style="color:#ff4e00;">马上登录</a>
                        </div>
                    </div>
                    <div class="un_login" th:unless="${session.loginUser eq null}">
                        <span th:text="${session.loginUser.username}"></span>&nbsp;&nbsp;&nbsp;<a
                            th:href="@{/car/BuyCar.do}" style="color:#ff4e00;">查看购物车</a>
                    </div>

                    <!--End 购物车未登录 End-->
                    <!--Begin 购物车已登录 Begin-->
                    <ul class="cars" id="carList">
                        <!--<li>
                            <div class="img"><a href="#"><img th:src="@{/images/car1.jpg}" width="58" height="58"/></a></div>
                            <div class="name"><a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img th:src="@{/images/car2.jpg}" width="58" height="58"/></a></div>
                            <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>
                        <li>
                            <div class="img"><a href="#"><img th:src="@{/images/car2.jpg}" width="58" height="58"/></a></div>
                            <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                            <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                        </li>-->
                    </ul>
                    <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span id="totalPrice">1058</span>
                    </div>
                    <div class="price_a"><a th:href="@{/car/BuyCar.do}">去购物车结算</a></div>
                    <!--End 购物车已登录 End-->
                </div>
            </div>
        </div>
        <!--End Header End-->
        <!--Begin Menu Begin-->
        <div class="menu_bg">
            <div class="menu">
                <!--Begin 商品分类详情 Begin-->
                <div class="nav">
                    <div class="nav_t">全部商品分类</div>
                    <div class="leftNav none">
                        <ul>
                            <li th:each="myOnetMap:${application.typeMap}">
                                <div class="fj">
                                    <span class="n_img"><span></span><img th:src="@{/images/nav1.png}"/></span>
                                    <span class="fl" th:text="${myOnetMap.key}"></span>
                                </div>
                                <div class="zj">
                                    <div class="zj_l" th:each="myTwoList:${myOnetMap.value}">
                                        <div class="zj_l_c" th:each="myTwoMap:${myTwoList}">
                                            <h2 th:text="${myTwoMap.key}"></h2>
                                            <span th:each="threeList:${myTwoMap.value}">
                                                <span th:each="productType:${threeList}">
                                                    <a th:href="@{/product/CategoryList.do(id=${productType.id})}"
                                                       th:text="${productType.name}"></a>
                                                </span>
                                            </span>
                                            <!--<div th:if="${oneList.name eq twoList.proColumn}">-->
                                            <!--    <h2 th:text="${twoList.name}"></h2>-->
                                            <!--    <a href="#"></a>|     -->
                                            <!--</div>-->
                                            <!--<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a-->
                                            <!--    href="#">巧克力</a>|     -->
                                            <!--<a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a-->
                                            <!--    href="#">红枣</a>|-->
                                            <!--<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|-->
                                        </div>
                                    </div>
                                    <div class="zj_r">
                                        <a href="#"><img th:src="@{/images/n_img1.jpg}" width="236" height="200"/></a>
                                        <a href="#"><img th:src="@{/images/n_img2.jpg}" width="236" height="200"/></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--End 商品分类详情 End-->
                <ul class="menu_r">
                    <li><a th:href="@{/Index.do}">首页</a></li>
                    <li><a href="Food.html">美食</a></li>
                    <li><a href="Fresh.html">生鲜</a></li>
                    <li><a href="HomeDecoration.html">家居</a></li>
                    <li><a href="SuitDress.html">女装</a></li>
                    <li><a href="MakeUp.html">美妆</a></li>
                    <li><a href="Digital.html">数码</a></li>
                    <li><a href="GroupBuying.html">团购</a></li>
                </ul>
                <div class="m_ad">中秋送好礼！</div>
            </div>
        </div>
        <!--End Menu End-->
        <div class="i_bg">
            <div class="content mar_20">
                <img th:src="@{/images/img2.jpg}"/>
            </div>

            <!--Begin 第二步：确认订单信息 Begin -->
            <div class="content mar_20">
                <div class="two_bg">
                    <div class="two_t">
                        <span class="fr"><a href="javaScript:void(0)" onclick="window.history.back()">修改</a></span>商品列表
                    </div>
                    <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
                        <thead>
                        <tr>
                            <td class="car_th" width="550">商品名称</td>
                            <td class="car_th" width="140">属性</td>
                            <td class="car_th" width="140">容量大小</td>
                            <td class="car_th" width="150">购买数量</td>
                            <td class="car_th" width="130">小计</td>
                        </tr>
                        </thead>
                        <tbody id="carBody">
                        <tr>
                            <td>
                                <div class="c_s_img"><img th:src="@{/images/c_1.jpg}" width="73" height="73"/></div>
                                Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml
                            </td>
                            <td align="center">颜色：灰色</td>
                            <td align="center">1</td>
                            <td align="center" style="color:#ff4e00;">￥620.00</td>
                            <td align="center">26R</td>
                        </tr>
                        <!--<tr class="car_tr">
                             <td>
                                 <div class="c_s_img"><img th:src="@{/images/c_2.jpg}" width="73" height="73"/></div>
                                 Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml
                             </td>
                             <td align="center">颜色：灰色</td>
                             <td align="center">1</td>
                             <td align="center" style="color:#ff4e00;">￥620.00</td>
                             <td align="center">26R</td>
                         </tr>
                         <tr>
                             <td>
                                 <div class="c_s_img"><img th:src="@{/images/c_3.jpg}" width="73" height="73"/></div>
                                 Rio 锐澳 水蜜桃味白兰地鸡尾酒（预调酒） 275ml
                             </td>
                             <td align="center">颜色：灰色</td>
                             <td align="center">1</td>
                             <td align="center" style="color:#ff4e00;">￥620.00</td>
                             <td align="center">26R</td>
                         </tr>-->
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="5" align="right" style="font-family:'Microsoft YaHei';">
                                商品总价：￥<font id="totalPrice1"></font>
                            </td>
                        </tr>
                        </tfoot>
                    </table>

                    <div class="two_t">
                        <span class="fr"><a href="javaScript:void(0)" onclick="addAddress()">修改</a></span>收货人信息
                    </div>
                    <form id="addressForm">
                        <input type="hidden" id="hidden-Aid">
                        <table border="0" class="peo_tab" style="width:1110px;" cellspacing="0" cellpadding="0"
                               id="userData">
                            <tr>
                                <td class="p_td" width="160">姓名</td>
                                <td width="395">
                                    <input type="text" id="fullName1" readOnly style="border:none;outline:medium;">
                                    <input type="hidden" id="fullName">
                                </td>
                                <td class="p_td" width="160">电子邮件</td>
                                <td width="395">
                                    <input type="text" id="email1" readOnly style="border:none;outline:medium;">
                                    <input type="hidden" id="email">
                                </td>
                            </tr>
                            <tr>
                                <td class="p_td">详细地址</td>
                                <td>
                                    <input type="text" id="address1" readOnly style="border:none;outline:medium;">
                                    <input type="hidden" id="address">
                                </td>
                                <td class="p_td">邮政编码</td>
                                <td>
                                    <input type="text" id="postCode1" readOnly style="border:none;outline:medium;">
                                    <input type="hidden" id="postCode">
                                </td>
                            </tr>
                            <tr>
                                <td class="p_td">手机</td>
                                <td>
                                    <input type="text" id="phone1" readOnly style="border:none;outline:medium;">
                                    <input type="hidden" id="phone">
                                </td>
                                <td colspan="2"><input type="hidden" id="saveBtn" value="保存"></td>
                            </tr>
                            <!--<tr>
                                <td class="p_td">标志建筑</td>
                                <td></td>
                                <td class="p_td">最佳送货时间</td>
                                <td></td>
                            </tr>-->
                        </table>
                    </form>

                    <div class="two_t">
                        配送方式
                    </div>
                    <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="car_th" width="80"></td>
                            <td class="car_th" width="200">名称</td>
                            <td class="car_th" width="370">订购描述</td>
                            <td class="car_th" width="150">费用</td>
                            <td class="car_th" width="135">免费额度</td>
                            <td class="car_th" width="175">保价费用</td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="st" id="stCheck" onclick="stPrice()"/>
                            </td>
                            <td align="center" style="font-size:14px;"><b>申通快递</b></td>
                            <td>江、浙、沪地区首重为15元/KG，其他地区18元/KG，续重均为5-6元/KG， 云南地区为8元</td>
                            <td align="center" id="st" th:text="15.00"></td>
                            <td align="center">￥0.00</td>
                            <td align="center">不支持保价</td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" id="cjCheck" name="cj" onclick="cjPrice()"/></td>
                            <td align="center" style="font-size:14px;"><b>城际快递</b></td>
                            <td>运费固定</td>
                            <td align="center" id="cj" th:text="10.00">￥10.00</td>
                            <td align="center">￥0.00</td>
                            <td align="center">不支持保价</td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="yj" id="yjCheck" onclick="yjPrice()"/></td>
                            <td align="center" style="font-size:14px;"><b>邮局平邮</b></td>
                            <td>运费固定</td>
                            <td align="center" id="yj" th:text="5.00">￥5.00</td>
                            <td align="center">￥0.00</td>
                            <td align="center">不支持保价</td>
                        </tr>
                        <tr>
                            <td colspan="6">
                                <span class="fr"><label class="r_rad"><input type="checkbox"
                                                                             name="baojia"/></label><label
                                        class="r_txt">配送是否需要保价</label></span>
                            </td>
                        </tr>
                    </table>

                    <div class="two_t">
                        支付方式
                    </div>
                    <ul class="pay">
                        <li class="checked">余额支付
                            <div class="ch_img"></div>
                        </li>
                        <li>银行亏款/转账
                            <div class="ch_img"></div>
                        </li>
                        <li>货到付款
                            <div class="ch_img"></div>
                        </li>
                        <li>支付宝
                            <div class="ch_img"></div>
                        </li>
                    </ul>

                    <div class="two_t">
                        商品包装
                    </div>
                    <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="car_th" width="80"></td>
                            <td class="car_th" width="490">名称</td>
                            <td class="car_th" width="180">费用</td>
                            <td class="car_th" width="180">免费额度</td>
                            <td class="car_th" width="180">图片</td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="pack"/></td>
                            <td><b style="font-size:14px;">不要包装</b></td>
                            <td align="center">￥15.00</td>
                            <td align="center">￥0.00</td>
                            <td align="center"></td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="pack"/></td>
                            <td><b style="font-size:14px;">精品包装</b></td>
                            <td align="center">￥15.00</td>
                            <td align="center">￥0.00</td>
                            <td align="center"><a href="#" style="color:#ff4e00;">查看</a></td>
                        </tr>
                    </table>

                    <div class="two_t">
                        祝福贺卡
                    </div>
                    <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="car_th" width="80"></td>
                            <td class="car_th" width="490">名称</td>
                            <td class="car_th" width="180">费用</td>
                            <td class="car_th" width="180">免费额度</td>
                            <td class="car_th" width="180">图片</td>
                        </tr>
                        <tr>
                            <td align="center"><input type="checkbox" name="wish"/></td>
                            <td><b style="font-size:14px;">不要贺卡</b></td>
                            <td align="center">￥15.00</td>
                            <td align="center">￥0.00</td>
                            <td align="center"></td>
                        </tr>
                        <tr>
                            <td align="center" style="border-bottom:0; padding-bottom:0;"><input type="checkbox"
                                                                                                 name="wish"/></td>
                            <td style="border-bottom:0; padding-bottom:0;"><b style="font-size:14px;">祝福贺卡</b></td>
                            <td align="center" style="border-bottom:0; padding-bottom:0;">￥15.00</td>
                            <td align="center" style="border-bottom:0; padding-bottom:0;">￥0.00</td>
                            <td align="center" style="border-bottom:0; padding-bottom:0;"><a href="#"
                                                                                             style="color:#ff4e00;">查看</a>
                            </td>
                        </tr>
                        <tr valign="top">
                            <td align="center"></td>
                            <td colspan="4">
                                <span class="fl"><b style="font-size:14px;">祝福语：</b></span>
                                <span class="fl"><textarea class="add_txt" style="width:860px; height:50px;"></textarea></span>
                            </td>
                        </tr>
                    </table>

                    <div class="two_t">
                        其他信息
                    </div>
                    <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="145" align="right" style="padding-right:0;"><b style="font-size:14px;">使用红包：</b>
                            </td>
                            <td>
                                <span class="fl" style="margin-left:50px; margin-right:10px;">选择已有红包</span>
                                <select class="jj" name="city">
                                    <option value="0" selected="selected">请选择</option>
                                    <option value="1">50元</option>
                                    <option value="2">30元</option>
                                    <option value="3">20元</option>
                                    <option value="4">10元</option>
                                </select>
                                <span class="fl" style="margin-left:50px; margin-right:10px;">或者输入红包序列号</span>
                                <span class="fl"><input type="text" value="" class="c_ipt" style="width:220px;"/></span>
                                <span class="fr" style="margin-left:10px;"><input type="submit" value="验证红包"
                                                                                  class="btn_tj"/></span>
                            </td>
                        </tr>
                        <tr valign="top">
                            <td align="right" style="padding-right:0;"><b style="font-size:14px;">订单附言：</b></td>
                            <td style="padding-left:0;"><textarea class="add_txt"
                                                                  style="width:860px; height:50px;"></textarea></td>
                        </tr>
                        <tr>
                            <td align="right" style="padding-right:0;"><b style="font-size:14px;">缺货处理：</b></td>
                            <td>
                                <label class="r_rad"><input type="checkbox" name="none"
                                /></label><label class="r_txt"
                                                 style="margin-right:50px;">等待所有商品备齐后再发</label>
                                <label class="r_rad"><input type="checkbox" name="none"/></label><label class="r_txt"
                                                                                                        style="margin-right:50px;">取下订单</label>
                                <label class="r_rad"><input type="checkbox" name="none"/></label><label class="r_txt"
                                                                                                        style="margin-right:50px;">与店主协商</label>
                            </td>
                        </tr>
                    </table>

                    <table border="0" style="width:900px; margin-top:20px;" cellspacing="0" cellpadding="0">
                        <tr>
                            <td align="right">
                                该订单完成后，您将获得 <font color="#ff4e00">1815</font> 积分 ，以及价值 <font
                                    color="#ff4e00">￥0.00</font> 的红包 <br/>
                                商品总价: ￥<font color="#ff4e00" id="totalPrice2"></font> + 配送费用: ￥<font color="#ff4e00"
                                                                                                     id="psPrice"></font>
                            </td>
                        </tr>
                        <tr height="70">
                            <td align="right">
                                <b style="font-size:14px;">应付款金额：￥<span id="amountPrice"
                                                                        style="font-size:22px; color:#ff4e00;"></span></b>
                            </td>
                        </tr>
                        <tr height="70">
                            <td align="right">
                                <a href="javaScript:void(0)"
                                   onclick="makeOrder()"><img
                                        th:src="@{/images/btn_sure.gif}"/></a></td>
                        </tr>
                    </table>


                </div>
            </div>
            <!--End 第二步：确认订单信息 End-->


            <!--Begin Footer Begin -->
            <div class="b_btm_bg bg_color">
                <div class="b_btm">
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b1.png}" width="62" height="62"/></td>
                            <td><h2>正品保障</h2>正品行货 放心购买</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b2.png}" width="62" height="62"/></td>
                            <td><h2>满38包邮</h2>满38包邮 免运费</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b3.png}" width="62" height="62"/></td>
                            <td><h2>天天低价</h2>天天低价 畅选无忧</td>
                        </tr>
                    </table>
                    <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;"
                           cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72"><img th:src="@{/images/b4.png}" width="62" height="62"/></td>
                            <td><h2>准时送达</h2>收货时间由你做主</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="b_nav">
                <dl>
                    <dt><a href="#">新手上路</a></dt>
                    <dd><a href="#">售后流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">订购方式</a></dd>
                    <dd><a href="#">隐私声明</a></dd>
                    <dd><a href="#">推荐分享说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">配送与支付</a></dt>
                    <dd><a href="#">货到付款区域</a></dd>
                    <dd><a href="#">配送支付查询</a></dd>
                    <dd><a href="#">支付方式说明</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">会员中心</a></dt>
                    <dd><a href="#">资金管理</a></dd>
                    <dd><a href="#">我的收藏</a></dd>
                    <dd><a href="#">我的订单</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">服务保证</a></dt>
                    <dd><a href="#">退换货原则</a></dd>
                    <dd><a href="#">售后服务保证</a></dd>
                    <dd><a href="#">产品质量保证</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">联系我们</a></dt>
                    <dd><a href="#">网站故障报告</a></dd>
                    <dd><a href="#">购物咨询</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
                <div class="b_tel_bg">
                    <a href="#" class="b_sh1">新浪微博</a>
                    <a href="#" class="b_sh2">腾讯微博</a>
                    <p>
                        服务热线：<br/>
                        <span>400-123-4567</span>
                    </p>
                </div>
                <div class="b_er">
                    <div class="b_er_c"><img th:src="@{/images/er.gif}" width="118" height="118"/></div>
                    <img th:src="@{/images/ss.png}"/>
                </div>
            </div>
            <div class="btmbg">
                <div class="btm">
                    备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 ,
                    Technical Support: Dgg Group <br/>
                    <img th:src="@{/images/b_1.gif}" width="98" height="33"/><img th:src="@{/images/b_2.gif}" width="98"
                                                                                  height="33"/><img
                        th:src="@{/images/b_3.gif}" width="98" height="33"/><img th:src="@{/images/b_4.gif}" width="98"
                                                                                 height="33"/><img
                        th:src="@{/images/b_5.gif}"
                        width="98" height="33"/><img
                        th:src="@{/images/b_6.gif}" width="98" height="33"/>
                </div>
            </div>
            <!--End Footer End -->
        </div>

    </body>


    <!--&lt;!&ndash;[if IE 6]>-->
    <!--<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>-->
    <!--<![endif]&ndash;&gt;-->
</html>
